<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html">
    <ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                    template="./userTemplate/UserTemplate.xhtml">

        <ui:define name="content">
            <div class="listings">
                <h2 class="colr heading">
                    <cufon style="width: 80px; height: 20px;" alt="Recent " class="cufon cufon-canvas">
                        <canvas style="width: 94px; height: 21px; top: 0px; left: -1px;" height="21" width="94">
                        </canvas>
                        <cufontext>Recent </cufontext></cufon><cufon style="width: 89px; height: 20px;" alt="Products" class="cufon cufon-canvas"><canvas style="width: 101px; height: 21px; top: 0px; left: -1px;" height="21" width="101"></canvas><cufontext>Products</cufontext></cufon></h2>
                <ul>
                    <li>
                        <a href="productDetails.xhtml" class="title colr">Wooden Table</a>
                        <a href="productDetails.xhtml" class="thumb"><img src="a_data/prod1.gif" alt=""/></a>
                        <div class="prodbuttons">
                            <p class="price bold">$969.5</p>
                            <a href="cart.xhtml" class="cart upper">Add to Cart</a>
                        </div>
                    </li>
                    <li>
                        <a href="productDetails.xhtml" class="title colr">Wooden Table</a>
                        <a href="productDetails.xhtml" class="thumb"><img src="a_data/prod2.gif" alt=""/></a>
                        <div class="prodbuttons">
                            <p class="price bold">$969.5</p>
                            <a href="cart.xhtml" class="cart upper">Add to Cart</a>
                        </div>
                    </li>
                    <li>
                        <a href="productDetails.xhtml" class="title colr">Wooden Table</a>
                        <a href="#" class="thumb"><span class="hot">&nbsp;</span><img src="a_data/prod3.gif" alt=""/></a>
                        <div class="prodbuttons">
                            <p class="price bold">$969.5</p>
                            <a href="cart.xhtml" class="cart upper">Add to Cart</a>
                        </div>
                    </li>
                    <li class="last">
                        <a href="productDetails.xhtml" class="title colr">Wooden Table</a>
                        <a href="#" class="thumb"><span class="new">&nbsp;</span><img src="a_data/prod4.gif" alt=""/></a>
                        <div class="prodbuttons">
                            <p class="price bold">$969.5</p>
                            <a href="cart.xhtml" class="cart upper">Add to Cart</a>
                        </div>
                    </li>
                    <li>
                        <a href="productDetails.xhtml" class="title colr">Wooden Table</a>
                        <a href="productDetails.xhtml" class="thumb"><img src="a_data/prod5.gif" alt=""/></a>
                        <div class="prodbuttons">
                            <p class="price bold">$969.5</p>
                            <a href="cart.xhtml" class="cart upper">Add to Cart</a>
                        </div>
                    </li>
                    <li>
                        <a href="productDetails.xhtml" class="title colr">Wooden Table</a>
                        <a href="productDetails.xhtml" class="thumb"><img src="a_data/prod6.gif" alt=""/></a>
                        <div class="prodbuttons">
                            <p class="price bold">$969.5</p>
                            <a href="cart.xhtml" class="cart upper">Add to Cart</a>
                        </div>
                    </li>
                    <li>
                        <a href="productDetails.xhtml" class="title colr">Wooden Table</a>
                        <a href="productDetails.xhtml" class="thumb"><img src="a_data/prod7.gif" alt=""/></a>
                        <div class="prodbuttons">
                            <p class="price bold">$969.5</p>
                            <a href="cart.xhtml" class="cart upper">Add to Cart</a>
                        </div>
                    </li>
                    <li class="last">
                        <a href="productDetails.xhtml" class="title colr">Wooden Table</a>
                        <a href="productDetails.xhtml" class="thumb"><img src="a_data/prod8.gif" alt=""/></a>
                        <div class="prodbuttons">
                            <p class="price bold">$969.5</p>
                            <a href="cart.xhtml" class="cart upper">Add to Cart</a>
                        </div>
                    </li>
                    <li>
                        <a href="productDetails.xhtml" class="title colr">Wooden Table</a>
                        <a href="productDetails.xhtml" class="thumb"><img src="a_data/prod1.gif" alt=""/></a>
                        <div class="prodbuttons">
                            <p class="price bold">$969.5</p>
                            <a href="cart.xhtml" class="cart upper">Add to Cart</a>
                        </div>
                    </li>
                    <li>
                        <a href="productDetails.xhtml" class="title colr">Wooden Table</a>
                        <a href="productDetails.xhtml" class="thumb"><img src="a_data/prod2.gif" alt=""/></a>
                        <div class="prodbuttons">
                            <p class="price bold">$969.5</p>
                            <a href="cart.xhtml" class="cart upper">Add to Cart</a>
                        </div>
                    </li>
                    <li>
                        <a href="productDetails.xhtml" class="title colr">Wooden Table</a>
                        <a href="productDetails.xhtml" class="thumb"><img src="a_data/prod3.gif" alt=""/></a>
                        <div class="prodbuttons">
                            <p class="price bold">$969.5</p>
                            <a href="cart.xhtml" class="cart upper">Add to Cart</a>
                        </div>
                    </li>
                    <li class="last">
                        <a href="productDetails.xhtml" class="title colr">Wooden Table</a>
                        <a href="productDetails.xhtml" class="thumb"><img src="a_data/prod4.gif" alt=""/></a>
                        <div class="prodbuttons">
                            <p class="price bold">$969.5</p>
                            <a href="cart.xhtml" class="cart upper">Add to Cart</a>
                        </div>
                    </li>
                </ul>
            </div>
        </ui:define>

    </ui:composition>
</html>
